<template>
  <el-dialog v-model="visible" title="图片预览">
    <img
      style="width: 500px"
      :src="'data:image/png;base64,' + row.img"
      alt=""
    />
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="visible = false">关闭</el-button>
      </div>
    </template>
  </el-dialog>
</template>

<script type="link">

export default {
  components: {
  },
  data () {
    return {
      visible: false,
      row: {}
    };
  },
  mounted () {
  },
  methods: {
    // 显示弹窗
    showFn (row) {
      this.visible = true
      this.row = row
    }
  }
};
</script>

<style scoped>
.unLoad {
  width: 1200px;
  margin: auto;
}
</style>
